Vue.component('my-checkbox', {
  template: `
        <div class="checkbox-wrapper" @click="check">
            <div :class="{ checkbox: true, checked: checked }"></div>
            <div class="title">{% title + foo %}</div>
        </div>`,
  data() {
    return {
      checked: false,
      title: 'Check me'
    }
  },
  delimiters: ["{%", "%}"],
  methods: {
    check() {
      this.checked = !this.checked;
    }
  }
});
